
<?xml version="1.0" encoding="UTF-8"?>
<html>
<head>
        <title>接口测试报告</title>
        <meta name="generator" content="HTMLTestRunner 0.8.2.2"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

        <!-- 引入 echarts.js -->
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
        <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>

        <style type="text/css" media="screen">
            body {
                    margin: 0;
                    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
                    font-size: 18px;
                    line-height: 1.5;
                    line-height: 1.5;
                    color: #333333;
            }
            
            .table {
                    margin-bottom: 1px;
                    width: 100%;
            }
            
            .hiddenRow {
                    display: none;
            }
            
            .container-fluid {
                    padding-right: 120px;
                    padding-left: 120px;
            }
            
            .nav-tabs li {
                    width: 186px;
                    text-align: center;
            }
        </style>
</head>

<body >
        <script language="javascript" type="text/javascript">

        function showClassDetail(detail_id, hiddenRow_id, class_type) {
            console.log(document.getElementById(hiddenRow_id).className)
    
            if ('详细' ==  document.getElementById(detail_id).innerText) {
                    if ('all' == class_type) {
                        document.getElementById(hiddenRow_id).className = 'all';
                    }
                    else if ('success' == class_type) {
                        document.getElementById(hiddenRow_id).className = 'success';
                    }
                    else if ('error' == class_type) {
                        document.getElementById(hiddenRow_id).className = 'error';
                    }
                    else{
                        document.getElementById(hiddenRow_id).className = 'untreaded';
                    }
                    document.getElementById(detail_id).innerText = "收起"
                    document.getElementById(hiddenRow_id).style.display = 'table-row';
            }
            else {
                    document.getElementById(detail_id).innerText = "详细"
                    document.getElementById(hiddenRow_id).style.display = 'none';
            }
        }
    
        </script>

        <div class="container-fluid">
            <div class="page-header">
                    <h1 class="text-primary" style="font-size:45px;line-height:75px">接口自动化测试报告</h1>
            </div>
    
            <div class="col-md-12">
                    <div class="col-md-4" style="Background-Color:#F5F5F5; height:300px">
                        <h3 style="line-height:25px">测试基本信息</h3>
                        <table class="table table-hover table-bordered" style="width:100%;height:11px">
                                <tbody>
                                    <tr class="info">
                                            <td class="text-center">开始时间</td>
                                            <td class="text-center">2016-12-02 15:59:17</td>
                                    </tr>
                                    <tr class="info">
                                            <td class="text-center">结束时间</td>
                                            <td class="text-center">2016-12-02 16:10:22</td>
                                    </tr>
                                    <tr class="info">
                                            <td class="text-center">测试用时</td>
                                            <td class="text-center">11 分 4 秒</td>
                                    </tr>
                                    <tr class="info">
                                            <td class="text-center">总用例数</td>
                                            <td class="text-center">3</td>
                                    </tr>
                                    <tr class="info">
                                            <td class="text-center">执行用例数</td>
                                            <td class="text-center">2</td>
                                    </tr>
                                    <tr class="info">
                                            <td class="text-center">跳过用例数</td>
                                            <td class="text-center">1</td>
                                    </tr>
                                </tbody>
                        </table>
                    </div>
    
                    <div class="col-md-8">
                        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
                        <div id="main" style="height:300px;"></div>
                        <script type="text/javascript">
                                var myChart = echarts.init(document.getElementById('main'));
                                var option = {
                                backgroundColor: '#F5F5F5', //背景色
    
                                title: {
                                    text: '测试统计数据',
                                    x: 'center'
                                },
    
                                legend: {
                                    orient: 'vertical',
                                    x: 'left',
                                    data: ['成功', '失败', '未检验']
                                },
    
                                color: ['#3c763d', '#a94442', '#0099CC'],
    
                                calculable: true,
    
                                series: [{
                                    name: '测试结果',
                                    type: 'pie',
                                    radius: '55%',
                                    center: ['50%', '60%'],
                                    startAngle: 135,
                                    data: [{
                                            value: 1,
                                            name: '成功',
                                            itemStyle: {
                                                normal: {
                                                        label: {
                                                            formatter: '{b} : {c} ({d}%)',
                                                            textStyle: {
                                                                    align: 'left',
                                                                    fontSize: 15,
                                                            }
                                                        },
                                                        labelLine: {
                                                             length: 40,
                                                        }
                                                 }
                                            }
                                    }, {
                                            value: 1,
                                            name: '失败',
                                            itemStyle: {
                                                normal: {
                                                        label: {
                                                            formatter: '{b} : {c} ({d}%)',
                                                            textStyle: {
                                                                    align: 'right',
                                                                    fontSize: 15,
                                                            }
                                                        },
                                                        labelLine: {
                                                            length: 40,
                                                            }
                                                        }
                                                }
                                            }, {
                                            value: 1,
                                            name: '未检验',
                                            itemStyle: {
                                                normal: {
                                                        label: {
                                                            formatter: '{b} : {c} ({d}%)',
                                                            textStyle: {
                                                                    align: 'right',
                                                                    fontSize: 15,
                                                            }
                                                   },
                                                        labelLine: {
                                                            length: 40,
                                                            }
                                                   }
                                               }
                                       }],
                                    }]
                                };
                                // 为echarts对象加载数据
                                myChart.setOption(option);
                        </script>
                    </div>
            </div>    

        <div><span>&nbsp;</span></div>

        <div class="col-md-12">
            <div class="tabbable" id="tabs-957640">
                    <ul class="nav nav-tabs">
                        <li class="active">
                                <a href="#panel-0" data-toggle="tab" style="Background-Color: #428bca; color: #fff;">全  部 (3)</a>
                        </li>
                        <li>
                                <a href="#panel-1" data-toggle="tab" style="Background-Color: #d9534f; color: #fff;">成  功 (1)</a>
                        </li>
                        <li>
                                <a href="#panel-2" data-toggle="tab" style="Background-Color: #5cb85c; color: #fff;">失  败 (1)</a>
                        </li>
                        <li>
                                <a href="#panel-3" data-toggle="tab" style="Background-Color: #5bc0de; color: #fff;">未验证 (1)</a>
                        </li>
                    </ul>
            </div>
            <div class="tab-content">
                    <div class="tab-pane active" id="panel-0">
                        <table class="table table-hover table-bordered">
                           <tr class="all">
                                     <td class="text-center"  style="Background-Color:#dff0d8">项目名称</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">用例编号</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">用例名称</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">接口地址</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">接口方法</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">测试结果</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">详细信息</td>
                           </tr>
                           <tr class="all">
                                       <td class="text-center">理财</td>
                                       <td class="text-center">1</td>
                                       <td class="text-center">登录</td>
                                       <td class="text-center">lo144444444444444444444444444444444444444444444444444444444444444gin</td>
                                       <td class="text-center">post</td>
                                       <td class="text-center">Pass</td>
                                       <td class="text-center"><a href="javascript:showClassDetail('panel0-detail-1','panel0-hidden-1', 'success')" class="detail" id = "panel0-detail-1">详细</a></td>
                           </tr>
                           <tr class='hiddenRow' id="panel0-hidden-1" style="display: none">
                                   <td colspan='7'>
                                       <div>
                                               <pre class="text-left">

sim_card_service.get_flow_by_serial Test failure!
Because of : Data check failure,AssertionError!
Data Should : sim_card_service.get_flow_by_serial
Data Actually : sim_card_service.get_flow_by_serial , 6.4413928985596


Response Json tree:
{
        "msg": {
            "message": "failed",
            "code": -1,
            "data": "该号码不存在"
        },
        "code": -1,
        "trace": "sim_card_service.get_flow_by_serial , 6.4413928985596"
}

                                               </pre>
                                       </div>
                                   </td>
                           </tr> 
                           <tr class="all">
                                       <td class="text-center">WEB理财</td>
                                       <td class="text-center">2</td>
                                       <td class="text-center">产品列表</td>
                                       <td class="text-center">list</td>
                                       <td class="text-center">post</td>
                                       <td class="text-center">Fail</td>
                                       <td class="text-center"><a href="javascript:showClassDetail('panel0-detail-2','panel0-hidden-2', 'success')" class="detail" id = "panel0-detail-2">详细</a></td>
                           </tr>
                           <tr class='hiddenRow' id="panel0-hidden-2" style="display: none">
                                   <td colspan='7'>
                                       <div>
                                               <pre class="text-left">

sim_card_service.get_flow_by_serial Test failure!
Because of : Data check failure,AssertionError!
Data Should : sim_card_service.get_flow_by_serial
Data Actually : sim_card_service.get_flow_by_serial , 6.4413928985596


Response Json tree:
{
        "msg": {
            "message": "failed",
            "code": -1,
            "data": "该号码不存在"
        },
        "code": -1,
        "trace": "sim_card_service.get_flow_by_serial , 6.4413928985596"
}

                                               </pre>
                                       </div>
                                   </td>
                           </tr> 
                           <tr class="all">
                                       <td class="text-center">理财</td>
                                       <td class="text-center">3</td>
                                       <td class="text-center">测试</td>
                                       <td class="text-center">login</td>
                                       <td class="text-center">po6666666666666666666666666666666666666666666666666666st</td>
                                       <td class="text-center">/</td>
                                       <td class="text-center"><a href="javascript:showClassDetail('panel0-detail-3','panel0-hidden-3', 'success')" class="detail" id = "panel0-detail-3">详细</a></td>
                           </tr>
                           <tr class='hiddenRow' id="panel0-hidden-3" style="display: none">
                                   <td colspan='7'>
                                       <div>
                                               <pre class="text-left">

sim_card_service.get_flow_by_serial Test failure!
Because of : Data check failure,AssertionError!
Data Should : sim_card_service.get_flow_by_serial
Data Actually : sim_card_service.get_flow_by_serial , 6.4413928985596


Response Json tree:
{
        "msg": {
            "message": "failed",
            "code": -1,
            "data": "该号码不存在"
        },
        "code": -1,
        "trace": "sim_card_service.get_flow_by_serial , 6.4413928985596"
}

                                               </pre>
                                       </div>
                                   </td>
                           </tr> 
                        </table>
                    </div>


                    <div class="tab-pane" id="panel-1">
                        <table class="table table-hover table-bordered">
                           <tr class="success">
                                     <td class="text-center"  style="Background-Color:#dff0d8">项目名称</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">用例编号</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">用例名称</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">接口地址</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">接口方法</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">测试结果</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">详细信息</td>
                           </tr>
                           <tr class="success">
                                       <td class="text-center">理财</td>
                                       <td class="text-center">1</td>
                                       <td class="text-center">登录</td>
                                       <td class="text-center">login</td>
                                       <td class="text-center">po22222222222222222222222222222st</td>
                                       <td class="text-center">Pass</td>
                                       <td class="text-center"><a href="javascript:showClassDetail('panel1-detail-1','panel1-hidden-1', 'success')" class="detail" id = "panel1-detail-1">详细</a></td>
                           </tr>
                           <tr class='hiddenRow' id="panel1-hidden-1" style="display: none">
                                   <td colspan='7'>
                                       <div>
                                               <pre class="text-left">

sim_card_service.get_flow_by_serial Test failure!
Because of : Data check failure,AssertionError!
Data Should : sim_card_service.get_flow_by_serial
Data Actually : sim_card_service.get_flow_by_serial , 6.4413928985596


Response Json tree:
{
        "msg": {
            "message": "failed",
            "code": -1,
            "data": "该号码不存在"
        },
        "code": -1,
        "trace": "sim_card_service.get_flow_by_serial , 6.4413928985596"
}

                                               </pre>
                                       </div>
                                   </td>
                           </tr> 
                        </table>
                    </div>


                    <div class="tab-pane" id="panel-2">
                        <table class="table table-hover table-bordered">
                           <tr class="error">
                                     <td class="text-center"  style="Background-Color:#dff0d8">项目名称</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">用例编号</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">用例名称</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">接口地址</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">接口方法</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">测试结果</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">详细信息</td>
                           </tr>
                           <tr class="error">
                                       <td class="text-center">理财</td>
                                       <td class="text-center">2</td>
                                       <td class="text-center">产品列表</td>
                                       <td class="text-center">list</td>
                                       <td class="text-center">pos5555555555555555555555t</td>
                                       <td class="text-center">Fail</td>
                                       <td class="text-center"><a href="javascript:showClassDetail('panel2-detail-1','panel2-hidden-1', 'success')" class="detail" id = "panel2-detail-1">详细</a></td>
                           </tr>
                           <tr class='hiddenRow' id="panel2-hidden-1" style="display: none">
                                   <td colspan='7'>
                                       <div>
                                               <pre class="text-left">

sim_card_service.get_flow_by_serial Test failure!
Because of : Data check failure,AssertionError!
Data Should : sim_card_service.get_flow_by_serial
Data Actually : sim_card_service.get_flow_by_serial , 6.4413928985596


Response Json tree:
{
        "msg": {
            "message": "failed",
            "code": -1,
            "data": "该号码不存在"
        },
        "code": -1,
        "trace": "sim_card_service.get_flow_by_serial , 6.4413928985596"
}

                                               </pre>
                                       </div>
                                   </td>
                           </tr> 
                        </table>
                    </div>


                    <div class="tab-pane" id="panel-3">
                        <table class="table table-hover table-bordered">
                           <tr class="untreaded">
                                     <td class="text-center"  style="Background-Color:#dff0d8">项目名称</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">用例编号</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">用例名称</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">接口地址</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">接口方法</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">测试结果</td>
                                     <td class="text-center"  style="Background-Color:#dff0d8">详细信息</td>
                           </tr>
                           <tr class="untreaded">
                                       <td class="text-center">WEB理财</td>
                                       <td class="text-center">3</td>
                                       <td class="text-center">测试</td>
                                       <td class="text-center">login</td>
                                       <td class="text-center">po6666666666666666666666666666666666666666666666666666st</td>
                                       <td class="text-center">/</td>
                                       <td class="text-center"><a href="javascript:showClassDetail('panel3-detail-1','panel3-hidden-1', 'success')" class="detail" id = "panel3-detail-1">详细</a></td>
                           </tr>
                           <tr class='hiddenRow' id="panel3-hidden-1" style="display: none">
                                   <td colspan='7'>
                                       <div>
                                               <pre class="text-left">

sim_card_service.get_flow_by_serial Test failure!111111111111111111111111111111111111111111111
Because of : Data check failure,AssertionError!
Data Should : sim_card_service.get_flow_by_serial111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
Data Actually : sim_card_service.get_flow_by_serial , 6.4413928985596


Response Json tree:
{
        "msg": {
            "message": "failed",
            "code": -1,
            "data": "该号码不存在"
        },
        "code": -1,
        "trace": "sim_card_service.get_flow_by_serial , 6.4413928985596"
}

                                               </pre>
                                       </div>
                                   </td>
                           </tr> 
                        </table>
                    </div>
            </div>
        </div>


</div>
</body>
</html>
